<script type="text/javascript">
	var hostname = window.location.hostname;
    if(hostname.indexOf('sywt') == 0){
		$('.skcy').hide();
		$('.sst').hide();
		$('.hldwtlogo').hide();
		$('.ticket').hide();
        $('.syzhly').show();
    } else if(hostname.indexOf('hldwt') == 0){
        $('.skcy').hide();
		$('.sst').hide();
		$('.ticket').hide();
        $('.syzhly').hide();
        $('.hldwtlogo').show();
    } else if(hostname.indexOf('sst.scpyun') == 0){
		$('.sst').show();
		$('.skcy').hide();
		$('.ticket').hide();
		$('.hldwtlogo').hide();
        $('.syzhly').hide();
	} else if(hostname.indexOf('ticket.lngov') == 0){
		$('.ticket').show();
		$('.sst').hide();
		$('.skcy').hide();
		$('.hldwtlogo').hide();
        $('.syzhly').hide();
	} else {
		$('.skcy').show();
		$('.hldwtlogo').hide();
		$('.ticket').hide();
        $('.syzhly').hide();
		$('.sst').hide();
	}
</script>
<style>
	.f6f8f8 {
		background-color: #f6f8f8
	}
</style>
<!-- navbar header -->
<div class="navbar-header {{app.settings.navbarHeaderColor}}">
	<button class="pull-right visible-xs dk" ui-toggle-class="show" data-target=".navbar-collapse">
		<i class="glyphicon glyphicon-cog"></i>
	</button>
	<button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
		<i class="glyphicon glyphicon-align-justify"></i>
	</button>
	<!-- brand -->
	<a href="#" >
		<img class="skcy" src="./img/tsvlogo.png" alt="." style="max-height: 50px; width: 200px;">
		<img class="ticket" src="./img/ticket_logo.png" alt="." style="max-height: 50px; width: 200px;">
		<img class="sst" src="./img/sstlogo.png" alt="." style="max-height: 50px; width: 200px;">
		<img class="hldwtlogo" src="./img/hldwtlogo.png" alt="." style="max-height: 50px; width: 200px;">
		<img class="syzhly" src="./img/hlzd.png" alt="." style="max-height: 45px; padding-left: 30px; padding-top: 5px">
		<!-- <img src="./app/00pageframework/img/logosk.png" alt="." style="max-height: 50px; width: 200px;"> -->
		<!-- <marquee class="hidden-folded" behavior="alternate" scrollamount="1">{{app.name}}</marquee> -->
	</a>
	<!-- / brand -->
</div>
<!-- / navbar header -->

<!-- navbar collapse -->
<div class="collapse pos-rlt navbar-collapse box-shadow {{app.settings.navbarCollapseColor}}">
	<!-- buttons -->
	<div class="nav navbar-nav hidden-xs">
		<a href class="btn no-shadow navbar-btn" ng-click="app.settings.asideFolded = !app.settings.asideFolded">
			<i class="fa {{app.settings.asideFolded ? 'fa-indent' : 'fa-dedent'}} fa-fw"></i>
		</a>
	</div>
	<!-- / buttons -->

	<!-- menu -->
	<ul class="nav navbar-nav">
		<li ng-repeat="text in sys_list_paved" class="text-center" ng-class="{'f6f8f8': text.checked}">
			<a ng-click="setMenu(text,0)" href btn-checkbox="" ng-model="text.checked">
				<!-- <i class="fa fa-circle text-success" style="font-size: 8px" ng-show="text.checked"></i>  -->
				<span ng-class="{'text-info': text.checked}">{{text.name}}</span>
			</a>
		</li>
		<li class="dropdown" is-open="lang.isopen" dropdown>
			<a href class="dropdown-toggle" dropdown-toggle>{{sys_label2.name}}
				<b class="caret"></b>
			</a>
			<ul class="dropdown-menu animated fadeInRight w">
				<li ng-repeat="sys in sys_list">
					<a ng-click="setMenu(sys,1)" href>{{sys.name}}</a>
				</li>
			</ul>
		</li>
	</ul>
	<!-- / menu -->

	<!-- nabar right -->
	<ul class="nav navbar-nav navbar-right">
		<a href="" ng-click="logout()" class="btn pull-right mt10" style="color: red;">
			<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
		</a>
		<li class="hidden-xs">
			<a ui-fullscreen></a>
		</li>
	</ul>
	<!-- / navbar right -->

</div>
<!-- / navbar collapse -->